#app {
  /*max-width: 1280px;*/
  margin: 0 auto;
  padding: 0;
}

:root {
  font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  line-height: 1.5;
  font-weight: 400;

  color-scheme: light dark;
  color: rgba(255, 255, 255, 0.87);
  // background-color: #242424;

  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  font-weight: 500;
  color: #646cff;
  text-decoration: inherit;
}

a:hover {
  color: #535bf2;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: 2.6em;
  line-height: 1.1;
}

.customCardHead {
  margin-bottom: 15px !important;
  background: #102e61 !important;
  border-radius: 10px !important;
  border: none !important;
  padding: 18px 18px 0 !important;
  flex: 0 0 auto; // 不会伸缩，高度由内容决定

  .el-card__body {
    padding: 0 !important;

    .el-form {
      display: flex;
      justify-content: space-between;

      .leftInput {
        // flex: 1;

        .el-form-item {
          width: 350px;
        }
      }

    }

    .rightBtn {
      width: 250px;
      height: 100%;
      box-sizing: border-box;

      .el-button {
        padding: 12px 20px !important;
      }
    }
  }
}

.customTableContent {
  border-radius: 10px;
  padding: 20px 10px;
  background: #102e61;
  // flex-grow: 1;
  flex: 1 1 auto; // 会伸缩，占据剩余空间
  display: flex;
  flex-direction: column;

  .tableTool {
    margin-bottom: 10px;

    .el-button {
      margin-right: 10px;
    }
  }

  .tableList {
    flex-grow: 1;

    .operationBtn {
      display: flex;
      align-items: center;

      .btnTitle {
        color: #296fe6;
        margin-left: 10px;
      }
    }
  }
}






.el-popper {
  background-color: #19428a !important;
  border-color: #1e50a6 !important;
}

.el-select-dropdown__item {
  color: #fff !important;
  margin: 8px 10px !important;
  padding: 0 10px !important;
  border-radius: 6px !important;
}

.el-select-dropdown__list {
  padding: 0 0 !important;
}

.el-select-dropdown__item.is-hovering {
  background: #296fe6 !important;
}

.el-popper__arrow:before {
  background-color: #19428a !important;
  border: 1px solid #19428a !important;

}

.el-button {
  padding: 12px 12px !important;
}


.el-button--default {
  background: rgba(25, 66, 138, 0.2) !important;
  border: 1px solid #2461ca !important;
  color: #fff !important;

}

.el-button+.el-button {
  margin-left: 0px !important;
}


.el-button .el-icon {
  margin-right: 5px !important;
}

.el-button--primary {
  background: #296fe6 !important;
  border: 1px solid #296fe6 !important;
  color: #fff !important;

}

.el-button--primary:hover {
  background-color: #296fe6 !important;
  border-color: #296fe6 !important;
  color: #fff !important;
  outline: none !important;
}

.el-button--success {
  background: #209e43 !important;
  border: 1px solid #209e43 !important;
  color: #fff !important;

}

.el-button--success:hover {
  background-color: #209e43 !important;
  border-color: #209e43 !important;
  color: #fff !important;
  outline: none !important;
}

.el-button--warning {
  background: #c29613 !important;
  border: 1px solid #c29613 !important;
  color: #fff !important;

}

.el-button--warning:hover {
  background-color: #c29613 !important;
  border-color: #c29613 !important;
  color: #fff !important;
  outline: none !important;
}

.el-dialog {
  background: #19428a !important;
  padding: 0 !important;
  border-radius: 10px !important;

  .el-dialog__title {
    color: #fff !important;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px !important;
    height: 35px;
  }

  .el-dialog__header {
    padding-bottom: 0 !important;
  }

  .el-dialog__headerbtn {
    height: 35px !important;
  }

  .el-dialog__close {
    color: #fff !important;
  }

  .el-dialog__body {
    background: #143670;
    padding: 20px 40px 1px 20px;
  }

  .el-dialog__footer {
    background-color: #143670;
    display: flex;
    justify-content: center;
    padding-bottom: 10px;
    border-radius: 0 0 10px 10px;
  }
}





.el-form .el-form-item .el-form-item__label {
  color: #fff;
}

.el-input {
  width: 100% !important;
  color: #fff !important;
  background: #19428a !important;
  border-radius: 6px 6px 6px 6px !important;
  opacity: 1 !important;
  border: 1px solid #1e50a6 !important;
}

.el-input__wrapper {
  background: #19428a !important;
  box-shadow: none !important;
}

.el-input__inner {
  color: #fff !important;
}

.el-input:hover {
  border-color: #296fe6 !important;
}

.el-select {
  color: #fff !important;
  background: #19428a !important;
  border-radius: 6px !important;
  border: 1px solid #1e50a6 !important;
}

.el-select__wrapper {
  background: #19428a !important;
  box-shadow: none !important;
}

.el-select:hover {
  border-color: #296fe6 !important;
}

.el-select__placeholder {
  color: #fff !important;
}

.el-radio__label {
  color: #fff !important;
}

.el-button:focus-visible {
  outline: 0 solid var(--el-button-outline-color) !important;
}

.el-input-number__decrease,
.el-input-number__increase {
  background-color: transparent !important;
  color: #fff !important;
  /* #1e50a6  */
}

.el-input-number__decrease {
  border-right: 1px solid #1e50a6 !important;
}

.el-input-number__increase {
  border-left: 1px solid #1e50a6 !important;
}

.el-input-number__decrease.is-disabled,
.el-input-number__increase.is-disabled {
  color: #606266 !important;
}

.el-tag.el-tag--info {
  background-color: #296fe6 !important;
  border: 1px solid #296fe6 !important;
  color: #fff !important;
}

.el-tag .el-tag__close {
  color: #fff !important;
}

.el-tag .el-tag__close:hover {
  background-color: transparent !important;
}

.el-pagination {
  width: 100%;
  display: flex;
  justify-content: end;
  margin-top: 20px;
  text-align: right;
  font-size: 12px;

}

.el-pagination>.is-last {
  margin-right: 20px !important;
}

.el-pagination .number,
.el-pagination .btn-prev,
.el-pagination .btn-next {
  background: #19428a !important;
  border: 1px solid #1e50a6 !important;
  border-radius: 4px;
  color: #fff;
}

.el-pager li.is-active,
.el-pager li:hover {
  color: #fff !important;
  background: #296fe6 !important;
  border-radius: 4px;
}

.el-pagination__jump,
.el-pagination__total {
  color: #fff !important;
}

.el-pager li {
  margin: 0 5px !important;
}

.el-table {
  height: 100% !important;
  background: transparent !important;

  .el-table__header {
    height: 45px;
  }

  .el-checkbox__inner {
    background: #19428a;
    border-color: #3d7ce8;
  }

  th {
    background-color: #102e61 !important;
    border-bottom: 1px solid #1c4a99 !important;
    height: 50px !important;
    color: #fff !important;
  }


  tr>td {
    border: none !important;
  }

  tr:hover>td {
    background-color: #004799 !important;
  }

  .el-table__row:hover {
    background: #004799 !important;
  }
}

.el-table--fit .el-table__inner-wrapper:before {
  background: transparent !important;
}

.el-picker-panel {
  background-color: #19428a !important;
  color: #fff !important;

  .el-date-picker__header-label {
    color: #fff !important;
  }

  .el-picker-panel__icon-btn {
    color: #409eff !important;
  }

  .el-date-table th {
    border-bottom: 1px solid #1b4c85 !important;
    color: #fff !important;
  }
}

.el-cascader {
  width: 100%;
}

.el-cascader-panel {
  .el-radio__inner {
    background: none !important;
    border-color: #3d7ce8 !important;
  }

  .el-cascader-node {
    border-radius: 5px;
    margin: 4px 10px;
  }

  .el-cascader-menu {
    border-right: none;
  }

  .el-cascader-node__label {
    color: #fff !important;
  }

  .el-cascader-node:not(.is-disabled):focus,
  .el-cascader-node:not(.is-disabled):hover {
    background: #296fe6 !important;
    color: #fff !important;
  }
}